$(function(){
    let n = 0;//当前图片位置
    let ul = $("#boximg ul");
    let imgList = $("#boximg ul li");

    // 滚动条滚动时,改变导航栏背景
    window.onscroll = function(){
        if(document.documentElement.scrollTop > 0){
            $("#nav").css({
                background:"#FFF",
                color:"black"
            });
            $("#nav a").css({
                color:"black"
            })
        }
        else{
                $("#nav").css({
                    background:"rgba(255, 255, 255, 0)",
                    color:"#fff"
                });
                $("#nav a").css({
                    color:"#fff"
                })
        }
        
	}
    
    // 自动轮播
    // window.onload = function(){
    //     setInterval(function(){
    //         $(".right").click(function(){
    //             n++;
    //         if(n === imgList.length){
    //             n = 0
    //         }
    //             ul.animate({
    //                 marginLeft:-(n*2000)
    //             })
    //         }) 
    //     },3000)
    // }
    // 轮播背景
    $(".left").click(function(){
       
            n--;
            if(n < 0){
                n = imgList.length - 1
            }
            
            ul.animate({
                marginLeft:-(n*2000)
            })
            
        })

    $(".right").click(function(){
            n++;
        if(n === imgList.length){
            n = 0
        }
            ul.animate({
                marginLeft:-(n*2000)
            })
        }) 
        
    // 鼠标移上导航栏
    let liList =  $("#nav ul li");
    liList.mouseenter(function(){
        $("#nav").css({
            background:"#FFF",
            color:"black"
        });
        $("#nav a").css({
            color:"black"
        });
        $(".show").hide();
        $(".show").eq($(this).index()).fadeIn();
        console.log($(this))
    })
    
    // 鼠标移上logo
    $("#nav h1").mouseenter(function(){
        $("#nav").css({
            background:"rgba(255, 255, 255, 0)",
            color:"#fff"
        })
        $("#classify .show").fadeOut()
        console.log($("#classify"));
        
    })

    //    注册
    window.onload = function(){
        $("#shade").hide();
        $("#shade #enter").hide();
        $("#nav .nav-r .enroll").click(function(){
            $("#shade").fadeIn()
            $("#shade #enter").fadeIn()
        })
        // 关闭
        $("#enter i").click(function(){
            $("#shade").fadeOut();
        })

         
    

        // 登录
        $("#blot").hide();
        $("#blot .loginId").hide();
        $("#nav .nav-r .logIn").click(function(){
        $("#blot").fadeIn();
        $("#blot .loginId").fadeIn();
        })

        // 关闭
        $("#blot .loginId i").click(function(){
            $("#blot").fadeOut();
        })
    }
    // 正则判断
    let tel =  /^1[3-9]\d{9,9}$/;//手机号
    let pwd =/^[A-z0-9_#*\.]{6,18}$/;//密码
    let name = /^[\u4e00-\u9fa5]+$/;//姓名
    let email = /^[A-z0-9]+@[A-z0-9]+\.[A-z]+$/;//邮箱

    // 手机号
    $("#tel").blur(function(){
        if(tel.test($(this).val())){
            console.log("正确");
        }
        else{
            console.log("不正确");
        }
    })
    // 密码
    $("#pwd").blur(function(){
        if(pwd.test($(this).val())){
            console.log("正确");
        }
        else{
            console.log("不正确");
        }
    })
    // 确认密码
    $("#pwdq").blur(function(){
        if($("#pwdq").val()===$("#pwd").val()){
            console.log("正确");
        }
        else{
            console.log("两次输入密码不一致");
        }
    })
    // 姓名
    $("#name").blur(function(){
        if(name.test($(this).val())){
            console.log("正确");
        }
        else{
            console.log("请输入规范的姓名");
        }
    })
    // 邮箱
    $("#email").blur(function(){
        if(email.test($(this).val())){
            console.log("正确");
        }
        else{
            console.log("邮箱格式有误");
        }
    })

    // 注册事件ajax请求
//     $.ajax({
         
//     })
//    })

//    获取商品列表ajax请求
    $.ajax({
        url:"http://127.0.0.1:777/getAllgoods",
        success:function(data){
            console.log(data)
            JSON.parse(data).forEach((item)=>{
            console.log(item)
          
                let newItem = $("#template").clone(true)
                newItem.attr("id","")
           
                newItem.find("a").attr("href",`http://127.0.0.1:777/flgmDetail.html?id=${item.id}`)
                console.log(newItem);
                
                if(item.sex === 0){
                    $("#shoes .shoesG").append(newItem);
                }
                else{
                    $("#shoesd .shoesB").append(newItem);
                }
                newItem.find("img").attr("src",`img/${item.imgSrc}.jpg`)
                newItem.find("h5").html(`${item.shoesName}`)
                newItem.find("p").html(`￥${item.price}`)
            })
        }
    })
    // 获取详情页ajax请求
    let id = window.location.href.slice(window.location.href.indexOf("?") + 4);
    console.log(id)
		$.ajax({
			url:"http://127.0.0.1:777/getDetails",
			data:{
				id:id
			},
			success:function(data){
                console.log(data)
                JSON.parse(data).forEach((item)=>{
                console.log(item)
            
                    let newItemd = $("#templated").clone(true)
                    newItemd.attr("id","")
                    $(".page").append(newItemd);
                    newItemd.find(".S1 img").attr("src",`img/${item.imgDetail1}.jpg`);
                    newItemd.find(".S2 img").attr("src",`img/${item.imgDetail2}.jpg`);
                    newItemd.find(".S3 img").attr("src",`img/${item.imgDetail3}.jpg`);
                    newItemd.find(".S4 img").attr("src",`img/${item.imgDetail4}.jpg`);
                    newItemd.find(".S5 img").attr("src",`img/${item.imgDetail5}.jpg`);
                    newItemd.find("h3").html(`${item.shoesName}`)
                    newItemd.find("p").html(`￥${item.price}`)
                })
			}
        })

        // 购物袋ajax请求
})
